<template>
	<view class="container">
		<view class="container_body">
			<view class="container_body_header">
				<slot name="header"></slot>
			</view>
			<view class="container_body_main">
				<slot></slot>
			</view>
			<view class="container_body_footer">
				<slot name="footer"></slot>
			</view>
		</view>

	</view>

</template>
<script setup>
	import {
		ref
	} from "vue"

	let more_width = ref(0)

	const openSide = (d) => {
		more_width.value = d || 0
	}


	defineExpose({
		openSide
	})
</script>
<style lang="scss" scoped>

	.container {
		position: relative;


		&_body {
			position: relative;
			transition: all 0.25s;
		}
	}
</style>